import {createTheme} from "@rn-vui/themed";

const lightColors = {
    primary: "#AA2410",
    secondary: "#6C757D",
    background: "#444",
    white: "#ffffff",
    black: "#242424",
    grey0: "#393e42",
    grey1: "#43484d",
    grey2: "#5e6977",
    grey3: "#86939e",
    grey4: "#bdc6cf",
    grey5: "#e1e8ee",
    greyOutline: "#bbb",
    searchBg: "#303337",
    success: "#52c41a",
    error: "#ff190c",
    warning: "#faad14",
    disabled: "hsl(208, 8%, 90%)",
    card: 'rgb(255, 255, 255)',
    notification: 'rgb(255, 59, 48)',
    border: "rgba(255,255,255,0.1)",
    text: "#fff",
    blue: "#027AFF",
    indigo: "#6574cd",
    purple: "#9561e2",
    pink: "#f66d9b",
    red: "#e3342f",
    orange: "#f6993f",
    yellow: "#ffed4a",
    green: "#38c172",
    teal: "#4dc0b5",
    cyan: "#6cb2eb",
    safetyOrange: "#FF9902",
    bullCyan: "#3FC1B9",
}

const Theme = createTheme({
    mode: "light",
    lightColors: lightColors,
    darkColors: {},
    components: {
        Button: {
            buttonStyle: {}
        },
        ListItem: {
            containerStyle: {
                backgroundColor: lightColors.white
            }
        }
    }
});

export default Theme;
